<template>
    <div>
        <h3>login</h3>
        <p><span>用户名：</span><input type="text" v-model="form.username"></p>
        <p><span>密 码：</span><input type="text" v-model="form.password"></p>
        <p><button @click="submit">登录</button></p>
    </div>
</template>
// 1.	利用koa搭建后台 8：14
// 2.	在后台模拟数据返回前端json数据 8：15
// 3.	前端渲染界面 8：15
// 4.	实现点击登陆效果 8:38
// 5.	登陆后可以任意定义跳转页面  8:38
// 6.	利用koa实现数据返回接收参数  8:38
// 7.	封装一个返回数据的模型 （sussess方法 和 fail方法） 8:38

<script>
import axios from "../utils/request"
export default {
    data(){
        return {
            form:{
                username:'',
                password:''
            }
        }
    },
    methods:{
        async getLogin(val){
            const data=await axios.post('/login',val)
            console.log(data)
            if(data.data.code===200){
                this.$message.success(data.data.message)
                this.$router.push('/home')
            }else{
                this.$message.error(data.data.message)
            }
        },
        submit(){
            // console.log(this.form)
            this.getLogin(this.form)
        }
    }

}
</script>

<style>

</style>